@import './base.css';

#app {
  max-width: 1280px;
  margin: 0 auto;
  font-weight: normal;
  font-family: '微软雅黑';
}

a,
.green {
  text-decoration: none;
  color: hsla(160, 100%, 37%, 1);
  transition: 0.4s;
}

@media (hover: hover) {
  a:hover {
    background-color: hsla(160, 100%, 37%, 0.2);
  }
}

/** 标签页样式 */
.y-tabs {
  height: 100%;
}
.y-tabs .ant-tabs-nav-wrap {
  height: 50px;
  background-image: url('./images/tabs-bg.png');
  background-size: contain;
  align-items: flex-end;
  padding-inline: 10px;
}

.y-tabs .ant-tabs-nav-wrap .ant-tabs-nav-list {
  height: 40px;
}

.y-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #e17009;
}

.y-tabs > .ant-tabs-nav .ant-tabs-tab:not(.ant-tabs-tab-active) {
  background: #dfeffc url('./images/menu-btn-bg.png') 50% 50% repeat-x;
  font-weight: bold;
  color: #2e6e9e;
}

.y-tabs .ant-tabs-content-holder {
  height: 100%;
  overflow: auto;
}

/** 表格样式 */
.y-table .ant-table-thead .ant-table-cell,
.y-table .ant-table-thead .ant-table-column-sort {
  background: #dfeffc url('./images/menu-btn-bg.png') 50% 50% repeat-x !important;
  font-weight: bold;
  color: #2e6e9e;
}

.y-btn {
  border-color: #d9d9d9;
  height: 30px !important;
  color: #2e6e9e;
  background: #dfeffc url('./images/menu-btn-bg.png') 50% 50% repeat-x;
  padding: 0em 1em !important;
}

.y-modal .ant-modal-content {
  padding: 2px;
}
.y-modal .ant-modal-body {
  padding: 4px;
}
.y-modal .ant-modal-close {
  top: 12px;
  color: #ffffff;
}
.y-modal .ant-modal-header .ant-modal-title {
  border: none;
  height: 40px !important;
  line-height: 40px;
  padding: 0 10px;
  color: #ffffff;
  background-image: url('./images/tabs-bg.png');
}

.y-modal .ant-modal-footer .ant-btn-sm {
  border-color: #d9d9d9;
  height: 30px !important;
  color: #2e6e9e;
  background: #dfeffc url('./images/menu-btn-bg.png') 50% 50% repeat-x;
  padding: 0.4em 1em !important;
}

.y-modal .ant-modal-footer .ant-btn-primary:not(:disabled):hover {
  border-color: #d9d9d9;
  height: 30px !important;
  color: #2e6e9e;
}

.y-modal .ant-modal-footer {
  border-top: 1px solid #d9d9d9;
  padding: 4px 4px;
}
.y-raid-popup > ul {
  background-color: #dfeffc !important;
  color: #2e6e9e;
}
/* .y-raid-popup > ul > li{
  background: #dfeffc url('./images/menu-btn-bg.png') 50% 50% repeat-x !important;
  font-weight: bold;
  color: #2e6e9e;
} */

.y-raid-popup > ul > .ant-menu-item-active {
  text-decoration: underline;
  color: #e17009 !important;
}
.y-divider {
  border-color: #a9a9a9  !important;
}

.y-system-btn {
  padding: 0 !important;
  height: 30px !important;
}
.y-layout-system {
  height: 30px !important;
  background-color: transparent !important;
  line-height: 30px !important;
  padding-inline: 30px !important;
}
.y-layout-header {
  height: 116px  !important;
  padding-inline: 0px !important;
  background-image: url('../assets/images/header_zh.jpg') !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}
.y-layout-breadcrumb {
  height: 35px !important;
  background-color: transparent !important;
  line-height: 35px !important;
  padding-inline: 0px !important;
}
.y-layout-notice {
  text-align: right !important;
}
.y-layout-sider {
  color: #fff !important;
  background-color: transparent !important;
  padding: 0 4px 0 0 !important;
}
.y-layout-content {
  color: #333 !important;
  padding: 4px !important;
  height: 100% !important;
}
